$currentTheme: '';

$themes: (
  'light': (
    'textColor': '#000',
    'bgColor': '#fff'
  )
  'dark': (
    'textColor': '#fff',
    'bgColor': '#000'
  )
);

@mixin useTheme {
  @each $key, $value in $themes {
    $currentTheme: $key !global;
    html[data-theme='#{$key}'] & {
      @content;
    }
  }
}

@function getStyle($styleName) {
  $themesMap: map-get($themes, $currentTheme);
  @return map-get($themesMap, $styleName);
}
